<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>MA$$A INVESTIMENTOS</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" />
</h:head>
<h:body>
 <div id="ticker">
                    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="21" id="Ticker-Cotacao" align="middle">
                        <param name="allowScriptAccess" value="sameDomain"/>
                        <param name="movie" value="http://www.bmfbovespa.com.br/img/Ticker2-Cotacao.swf"/>
                        <param name="quality" value="high"/>
                        <param name="menu" value="false"/>
                        <param name="bgcolor" value="#00ff00"/>
                        <param name="wmode" value="transparent"/>
                        <param id="ctl00_FlashVars" name="FlashVars" value="codIdioma=PT"/>
                        <embed id="ctl00_EmbedFlashVars" name="Ticker-Cotacao" wmode="transparent" width="100%" flashvars="codIdioma=PT" quality="high" height="21" pluginspage="http://www.macromedia.com/go/getflashplayer" allowscriptaccess="sameDomain" bgcolor="#00ff00" type="application/x-shockwave-flash" align="middle" menu="false" src="http://www.bmfbovespa.com.br/img/Ticker2-Cotacao.swf"/>
                    </object>
                </div>


				<fieldset>
<legend>Dados pessoais</legend>

            <div>
                <label for="nomecompleto">Nome completo: <span class="obrigatorio">*</span></label>
                <input type="text" id="nomecompleto" name="nomecompleto" readonly="readonly" class="grande texto" value="" />
            </div>

            <div class="lado-a-lado">
                <label for="email">E-mail: <span class="obrigatorio">*</span></label>
                <input type="text" id="email" name="email" class="medio texto" readonly="readonly" value="" />
            </div>

            <div>
                <label for="telefone">Telefone: <span class="obrigatorio">*</span></label>
                <input type="text" id="telefone" name="telefone" class="medio texto" readonly="readonly" value="" />
            </div>

			<div>
                <label for="celular">Celular: <span class="obrigatorio">*</span></label>
                <input type="text" id="celular" name="celular" class="medio texto" readonly="readonly" value="" />
            </div>
			
            <div class="lado-a-lado">
                <label for="datanascimento">Data de nascimento: <span class="obrigatorio">*</span></label>
                <input type="text" id="datanascimento" name="datanascimento" class="medio" />
            </div>

            <div>
                <label for="naturalidade">Naturalidade: <span class="obrigatorio">*</span></label>
                <input type="text" id="naturalidade" name="naturalidade" class="medio" />
            </div>

            <div class="lado-a-lado">
                <label for="nacionalidade">Nacionalidade: <span class="obrigatorio">*</span></label>
                <input type="text" id="nacionalidade" name="nacionalidade" class="medio" />
            </div>
			
			<div class="lado-a-lado">
                <label for="estadocivil">Estado Civil: <span class="obrigatorio">*</span></label>
                <input type="text" id="estadocivil" name="estadocivil" class="medio" />
            </div>
			
            <div class="envolve-lado-a-lado dois">
                <div class="lado-a-lado">
                    <label for="estado">Estado: <span class="obrigatorio">*</span></label>
                    <select name="estado" id="estado" class="pequeno">
                        <option value="">Selecione</option>
                        <option value="AC">AC</option>
	                    <option value="AL">AL</option>
	                    <option value="AM">AM</option>
	                    <option value="AP">AP</option>
	                    <option value="BA">BA</option>
	                    <option value="CE">CE</option>
	                    <option value="DF">DF</option>
	                    <option value="ES">ES</option>
	                    <option value="GO">GO</option>
	                    <option value="MA">MA</option>
	                    <option value="MG">MG</option>
	                    <option value="MS">MS</option>
	                    <option value="MT">MT</option>
	                    <option value="PA">PA</option>
	                    <option value="PB">PB</option>
	                    <option value="PE">PE</option>
	                    <option value="PI">PI</option>
	                    <option value="PR">PR</option>
	                    <option value="RJ">RJ</option>
	                    <option value="RN">RN</option>
	                    <option value="RO">RO</option>
	                    <option value="RR">RR</option>
	                    <option value="RS">RS</option>
	                    <option value="SC">SC</option>
	                    <option value="SE">SE</option>
	                    <option value="SP">SP</option>
	                    <option value="TO">TO</option>
                    </select>
                </div>

                <div>
                    <label for="sexo">Sexo: <span class="obrigatorio">*</span></label>
                    <select name="sexo" id="sexo" class="pequeno">
                        <option value="">Selecione</option>
                        <option value="Masculino">Masculino</option>
	                    <option value="Feminimo">Feminimo</option>
                    </select>
                </div>
            </div>

            <div class="lado-a-lado">
                <label for="CPF">CPF: <span class="obrigatorio">*</span></label>
                <input type="text" id="CPF" name="CPF" class="medio" />
            </div>

            <div class="envolve-lado-a-lado" style="float: left">
               

                <div class="lado-a-lado">
                    <label for="estadoemissor">Estado emissor: <span class="obrigatorio">*</span></label>
                    <select name="estadoemissor" id="estadoemissor">
                        <option value="">Selecione</option>
                        <option value="AC">AC</option>
	                    <option value="AL">AL</option>
	                    <option value="AM">AM</option>
	                    <option value="AP">AP</option>
	                    <option value="BA">BA</option>
	                    <option value="CE">CE</option>
	                    <option value="DF">DF</option>
	                    <option value="ES">ES</option>
	                    <option value="GO">GO</option>
	                    <option value="MA">MA</option>
	                    <option value="MG">MG</option>
	                    <option value="MS">MS</option>
	                    <option value="MT">MT</option>
	                    <option value="PA">PA</option>
	                    <option value="PB">PB</option>
	                    <option value="PE">PE</option>
	                    <option value="PI">PI</option>
	                    <option value="PR">PR</option>
	                    <option value="RJ">RJ</option>
	                    <option value="RN">RN</option>
	                    <option value="RO">RO</option>
	                    <option value="RR">RR</option>
	                    <option value="RS">RS</option>
	                    <option value="SC">SC</option>
	                    <option value="SE">SE</option>
	                    <option value="SP">SP</option>
	                    <option value="TO">TO</option>
                    </select>
                </div>
            </div>


            <div class="lado-a-lado">
                <label for="nomepai">Nome do pai: <span class="obrigatorio">*</span></label>
                <input type="text" id="nomepai" name="nomepai" class="medio" />
            </div>

            <div>
                <label for="nomemae">Nome da mãe: <span class="obrigatorio">*</span></label>
                <input type="text" id="nomemae" name="nomemae" class="medio" />
            </div>
        </fieldset>

        <hr />

        <fieldset>
            <legend>Endereços</legend>

            <div class="envolve-lado-a-lado">
                <div class="lado-a-lado">
                    <label for="CEP">CEP: <span class="obrigatorio">*</span></label>
                    <input type="text" id="CEP" name="CEP" class="pequeno" />
                </div>

                <div class="lado-a-lado">
                    <label for="endereco">Endereço: <span class="obrigatorio">*</span></label>
                    <input type="text" id="endereco" name="endereco" class="medio pequeno" />
                </div>

                <div>
                    <label for="numero">Número: <span class="obrigatorio">*</span></label>
                    <input type="text" id="numero" name="numero" class="pequeno" />
                </div>
            </div>

            <div class="lado-a-lado">
                <label for="complemento">Complemento:</label>
                <input type="text" id="complemento" name="complemento" class="medio" />
            </div>

            <div>
                <label for="bairro">Bairro: <span class="obrigatorio">*</span></label>
                <input type="text" id="bairro" name="bairro" class="medio" />
            </div>

            <div class="lado-a-lado">
                <label for="cidade">Cidade: <span class="obrigatorio">*</span></label>
                <input type="text" id="cidade" name="cidade" />
            </div>

            <div class="lado-a-lado">
                <label for="estado">Estado: <span class="obrigatorio">*</span></label>
                <select name="estado" id="estado">
                    <option value="">Selecione</option>
                    <option value="AC">AC</option>
	                <option value="AL">AL</option>
	                <option value="AM">AM</option>
	                <option value="AP">AP</option>
	                <option value="BA">BA</option>
	                <option value="CE">CE</option>
	                <option value="DF">DF</option>
	                <option value="ES">ES</option>
	                <option value="GO">GO</option>
	                <option value="MA">MA</option>
	                <option value="MG">MG</option>
	                <option value="MS">MS</option>
	                <option value="MT">MT</option>
	                <option value="PA">PA</option>
	                <option value="PB">PB</option>
	                <option value="PE">PE</option>
	                <option value="PI">PI</option>
	                <option value="PR">PR</option>
	                <option value="RJ">RJ</option>
	                <option value="RN">RN</option>
	                <option value="RO">RO</option>
	                <option value="RR">RR</option>
	                <option value="RS">RS</option>
	                <option value="SC">SC</option>
	                <option value="SE">SE</option>
	                <option value="SP">SP</option>
	                <option value="TO">TO</option>
                </select>
            </div>

            <div>
                <label for="pais">País: <span class="obrigatorio">*</span></label>
                <input type="text" id="pais" name="pais" class="pequeno" />
            </div>
 
                </select>
            </div>
        </fieldset>





	
</h:body>
</html>